我站原创视频教程，网上视频教程学校，仅需要一个耳机+远程即可完成所有教学任务。

题 目:FLASH课件中计分板的制作方法

【效果概述】：

更多令你惊喜的教程参见flash课件吧（永久网址：http://www.luotao2008.cn）的课件制作教程和动画制作教程。我站长期招收FLASH动画和课件制作学员，培训群号67042004,也可以直接加QQ444860709咨询。

【制作计分底面板】
步骤：1、首先创建一个“计分板”的影片剪辑；选中编辑区内的第一帧；选用工具栏中的文本工具和矩形等工具绘制一个简单的底板，注意与主界面搭配协调。本例示范如下：

2、再输入分组信息，如下图所示：

【添加动态记分文本框】
步骤：在“记分板”编辑区内部新建一个图层；在第一帧处，选择工具栏中的文本工具绘制六个动态文本框，属性面板按下图进行设置：

绘制好后，如下图所示：

最后为每个动态文本框在属性面板中的“变量名”分别改为“s1,s2,s3……”；
【为“记分板”剪辑添加加分和减分按钮】
步骤：1、首先制作以下两种按钮，如下图所示：

2、再分别各复制五个，在舞台上面排列好，并在属性面板中将它们的“实例名称”分别命名为“jia1_btn，jian1_btn，jia2_btn，jian2_btn，…………”,最终效果如下图所示：

【添加语言代码】
步骤：在“记分板”影片剪辑内部再新建一个AS层，选中第1帧，添加如下代码：
a1 = 0;
jia1_ btn.onRelease = function() {
a1++;
//每次单击递加1
s1 = a1;
};
jian1_ btn.onRelease = function() {
a1--;
//每次单击递减1
s1 = a1;
};
//第一组
a2 = 0;
jia2_ btn.onRelease = function() {
a2++;
//每次单击递加1
s2 = a2;
};
jian2_btn.onRelease = function() {
a2--;
//每次单击递减1
s2 = a2;
};
//第二组
a3 = 0;
jia3_btn.onRelease = function() {
a3++;
//每次单击递加1
s3 = a3;
};
jian3_btn.onRelease = function() {
a3--;
//每次单击递减1
s3 = a3;
};
//第三组
a4 = 0;
jia4_btn.onRelease = function() {
a4++;
//每次单击递加1
s4 = a4;
};
jian4_btn.onRelease = function() {
a4--;
//每次单击递减1
s4 = a4;
};
//第四组
a5 = 0;
jia5_btn.onRelease = function() {
a5++;
//每次单击递加1
s5 = a5;
};
jian5_btn.onRelease = function() {
a5--;
//每次单击递减1
s5 = a5;
};
//第五组
a6 = 0;
jia6_btn.onRelease = function() {
a6++;
//每次单击递加1
s6 = a6;
};
jian6_ btn.onRelease = function() {
a6--;
//每次单击递减1
s6 = a6;
};
将做好的“计分板”元件拖入到场景中适当位置，并在“实例名称”输入：score_mc? 。
【在主场景中制作调用、关闭计分板按钮】
步骤：1、绘制两个按钮：分别用于调用计分板程序和关闭计分板按钮；为了简单地说明问题，我随便绘制了两个，如下图所示：


2、选中关闭按钮，打开属性面板；命名为“close_btn”；选中调用计分板程序按钮，打开属性面板；命名为“score_btn”；
3.在主场景的代码帧中为这两个按钮添加如下代码：
score_btn.onRelease=function(){
score_mc._visible=true?? //设置计分板为可见
}
close_btn.onRelease = function() {
score_mc._visible = false;
//设置计分板为不可见
};
【最终效果图】

不是多么美观，美化自己去做吧，哈哈
【测试影片】你再测试一下你的计分板吧！

省级FLASH课件制作培训请加我站管理QQ444860709 培训QQ专业群67042004。

FLASH8.0教程→ flash cs3视频教程 flashcs3教程 flash cs3教程下载 flashcs3视频教程 flash cs3 pro教程 flash cs3教程网 flash cs3 实例教程 flashcs3教程下载 flash cs3教程 pdf flash cs3按钮教程